<template>
  <div class="home">
    <ElContainer height="100%">
      <ElAside width="100px">
        <Nav></Nav>
      </ElAside>
      <ElMain>
        我是内容区
      </ElMain>
    </ElContainer>
  </div>
</template>

<script setup lang="ts">
import { ElContainer, ElAside, ElMain } from 'element-plus';
import Nav from '@/components/Nav.vue';
// import {} from 'vue-router';
</script>

<style scoped lang="scss">
.home {
  width: 90vw;
  height: 90vh;
  background-color: rgb(39, 42, 55);
  // 居中
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  // 圆角
  border-radius: 20px;
}
</style>